<template name="skeleton">
  <view class="projects-container projects-container data-v-6ecf27e0 data-v-6ecf27e0">
    <view is="node-modules/@dcloudio/uni-ui/lib/uni-title/uni-title" class="data-v-6ecf27e0 data-v-6ecf27e0">
      <view class="uni-title__box title--uni-title__box" style="align-items:center">
        <text
          class="uni-title__base title--uni-title__base uni-h3 title--uni-h3 sk-transparent sk-text-14-2857-567 sk-text"
          style="color:#333333">
          我的公益
        </text>
      </view>
    </view>
    <view is="components/hope-projects" class="data-v-6ecf27e0 data-v-6ecf27e0">
      <view class="projects projects--projects data-v-d365c7ef projects--data-v-d365c7ef">
        <image class="projects-img projects--projects-img data-v-d365c7ef projects--data-v-d365c7ef sk-image"
          mode="scaleToFill" />
        <view class="projects-share projects--projects-share data-v-d365c7ef projects--data-v-d365c7ef">
          <view is="components/hope-button-share" class="data-v-d365c7ef projects--data-v-d365c7ef">
            <view class="share share--share data-v-3726d981 share--data-v-3726d981 share--grey share--share--grey">
              <image class="share-icon share--share-icon data-v-3726d981 share--data-v-3726d981 sk-image"
                mode="scaleToFill" />
            </view>
          </view>
        </view>
        <view class="projects-content projects--projects-content data-v-d365c7ef projects--data-v-d365c7ef">
          <text
            class="projects-title projects--projects-title ellipsis-1 projects--ellipsis-1 data-v-d365c7ef projects--data-v-d365c7ef sk-transparent sk-text-14-2857-708 sk-text">
            “绿色校园”环保教育项目
          </text>
          <text
            class="projects-brief projects--projects-brief ellipsis-2 projects--ellipsis-2 data-v-d365c7ef projects--data-v-d365c7ef sk-transparent sk-text-14-2857-568 sk-text">
            本项目致力于在学校中推广环保教育，通过组织环保讲座、工作坊和实践活动，培养学生的环保意识，鼓励他们在日常生活中采取环保行动。项目还将建立校园内的环保志愿者团队，共同维护校园环境的整洁和美丽。
          </text>
        </view>
        <view is="components/hope-button" class="data-v-d365c7ef projects--data-v-d365c7ef">
          <view class="button button--button data-v-24d324ed button--data-v-24d324ed sk-image">
            <text
              class="button-text button--button-text data-v-24d324ed button--data-v-24d324ed sk-transparent sk-text-14-2857-639 sk-text">
              帮助
            </text>
          </view>
        </view>
      </view>
    </view>
    <view is="components/hope-projects" class="data-v-6ecf27e0 data-v-6ecf27e0">
      <view class="projects projects--projects data-v-d365c7ef projects--data-v-d365c7ef">
        <image class="projects-img projects--projects-img data-v-d365c7ef projects--data-v-d365c7ef sk-image"
          mode="scaleToFill" />
        <view class="projects-share projects--projects-share data-v-d365c7ef projects--data-v-d365c7ef">
          <view is="components/hope-button-share" class="data-v-d365c7ef projects--data-v-d365c7ef">
            <view class="share share--share data-v-3726d981 share--data-v-3726d981 share--grey share--share--grey">
              <image class="share-icon share--share-icon data-v-3726d981 share--data-v-3726d981 sk-image"
                mode="scaleToFill" />
            </view>
          </view>
        </view>
        <view class="projects-content projects--projects-content data-v-d365c7ef projects--data-v-d365c7ef">
          <text
            class="projects-title projects--projects-title ellipsis-1 projects--ellipsis-1 data-v-d365c7ef projects--data-v-d365c7ef sk-transparent sk-text-14-2857-612 sk-text">
            “点亮希望”乡村教育支持计划
          </text>
          <text
            class="projects-brief projects--projects-brief ellipsis-2 projects--ellipsis-2 data-v-d365c7ef projects--data-v-d365c7ef sk-transparent sk-text-14-2857-860 sk-text">
            该项目旨在为偏远乡村地区的学校提供教育资源支持，包括捐赠图书、教学设备和师资培训。通过定期举办教育论坛和交流活动，促进城乡教育资源的均衡分布，帮助乡村孩子获得更好的学习机会。
          </text>
        </view>
        <view is="components/hope-button" class="data-v-d365c7ef projects--data-v-d365c7ef">
          <view class="button button--button data-v-24d324ed button--data-v-24d324ed sk-image">
            <text
              class="button-text button--button-text data-v-24d324ed button--data-v-24d324ed sk-transparent sk-text-14-2857-483 sk-text">
              帮助
            </text>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<style scoped>
.sk-transparent {
  color: transparent !important;
}

.sk-text-25-0000-517 {
  background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important;
  background-size: 100% 69.7674rpx;
  position: relative !important;
}

.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}

.sk-text-14-2857-678 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 43.9535rpx;
  position: relative !important;
}

.sk-text-14-2857-712 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 43.9535rpx;
  position: relative !important;
}

.sk-text-14-2857-567 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 39.0698rpx;
  position: relative !important;
}

.sk-text-14-2857-708 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 43.9535rpx;
  position: relative !important;
}

.sk-text-14-2857-568 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 34.1860rpx;
  position: relative !important;
}

.sk-text-14-2857-639 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 43.9535rpx;
  position: relative !important;
}

.sk-text-14-2857-612 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 43.9535rpx;
  position: relative !important;
}

.sk-text-14-2857-860 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 34.1860rpx;
  position: relative !important;
}

.sk-text-14-2857-483 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 43.9535rpx;
  position: relative !important;
}

.sk-image {
  background: #EFEFEF !important;
}

.sk-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}
</style>
